<template>
  <div>
    <h1>
      <ul>
        <li v-for="item in arr" :key="item.id">{{ item.title }}</li>
      </ul>
      <hr />
      <ul>
        <li v-for="(value, key) in obj" :key="value">
          {{ value }}----{{ key }}
        </li>
      </ul>
      <hr />
      <div v-for="(item, index) in count" :key="index">
        你好--{{ item }}---{{ index }}
      </div>
    </h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [
        {
          id: 1,
          title: '学习',
        },
        {
          id: 2,
          title: '工作',
        },
        {
          id: 3,
          title: '睡觉',
        },
        {
          id: 4,
          title: '吃饭',
        },
        {
          id: 5,
          title: '打豆豆',
        },
      ],
      obj: {
        name: '法外狂徒',
        age: '48',
        msg: '凌驾于刑罚之上',
      },
      count: 10,
    }
  },
}
</script>

<style></style>
